<template>
	<view class="ios-bottom">
		<view class="head ps">
			<view class="head__hint px30 fs24">寄售成功，将收取0.1%的手续费，剩余收益将直接到账余额 </view>
			<view class="mintba fsc px30">
				<view class="flex_y">
					<view class="">共13件</view>
				</view>
				<view></view>
			</view>
		</view>
		<view class="body px24">
			<block v-for="(item,index) in 6">
				<GoodsSales ref="goodsSales" />
			</block>
		</view>
		<view class="footer">
			<view class="footer__box ios-bottom px24 fsc">
				<view class="">合计：<text class="fs32 t_FF7803 fw600">￥1000.00</text></view>
				<view class="footer__btn fjc fs28" @click="sureSubmit">确认寄售</view>
			</view>
		</view>
	</view>
</template>

<script>
	import GoodsSales from '../compontents/GoodsSales.vue'
	export default {
		components: {
			GoodsSales,
		},
		data() {
			return {

			}
		},
		onLoad() {
			uni.setNavigationBarTitle({
				title: '普通寄售'
			})
		},
		methods: {
			sureSubmit() {
				console.log(this.$refs.goodsSales, 12);
				uni.navigateTo({
					url: '/pagesBag/sales/result'
				})
			}
		}
	}
</script>

<style lang="scss">
	.head {
		// position: fixed;
		top: 0;
		// left: 0;
		// right: 0;
		z-index: 1;
		background: #fff;

		&__hint {
			height: 72rpx;
			line-height: 72rpx;
			color: #ff7803;
			background: rgba(255, 120, 3, .1);
		}

		.mintba {
			height: 80rpx;
			border-bottom: 2rpx solid #E2E0DF;
		}
	}

	.footer {
		height: 104rpx;

		&__box {
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			z-index: 12;
			height: inherit;
			background: #fff;
		}

		&__all {
			height: 40rpx;
			margin-right: 80rpx;

			&__circle {
				width: 36rpx;
				height: 36rpx;
				margin-right: 12rpx;
				border: 2rpx solid #666;
				border-radius: 50%;
			}
		}

		&__btn {
			width: 240rpx;
			height: 72rpx;
			border-radius: 48rpx;
			color: #fff;
			background: linear-gradient(270deg, #FC4C14 0%, #FD7303 100%);
		}
	}
</style>